<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<!-- 引入框架 -->
		<script src="layui/layui.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" type="text/css" href="layui/css/layui.css" />
		<!-- 引入自身文件 -->
		<script src="js/orderm.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" type="text/css" href="css/orderm.css" />
		<title></title>
	</head>

	<!-- //行工具栏模板 -->
	<script type="text/html" id="han_Demo">
		<a class="layui-btn layui-btn-xs layui-btn-warm" lay-event="look">查看处理</a>
	</script>
	<!-- //模板 -->

	<!-- //状态模板 -->
	<script type="text/html" id="state">
	{{# if(d.state == '1'){ }}
		<span class="layui-badge">未处理</span>
		{{# } else { }}
			<span class="layui-badge layui-bg-blue">处理了</span>
			{{# } }}
	</script>
	<!-- //模板 -->

	<!-- //订单信息模板 -->
	<script type="text/html" id="window_order_xx">
	{{# layui.each(d.list, function(index, item){ }}
		<div class="window_lookxx">
			<div class="window_rodercard">
				<div class="window_orderimg">
					<img class="window_pimg" src="http://localhost:8080/sc/images/{{item.url1}}">
				</div>
				<div class="window_orderx">
					<div class="window_orderx_top">
						<h3 class="window_title">商品名：</h3>
						<span class="window_nr">{{item.pname}}</span>
					</div>
					<div class="window_orderx_bottom">
						<h3 class="window_title">规格：</h3>
						<span class="layui-badge layui-bg-blue window_nr">{{item.guige}}</span>
						<div class="window_nr_xx">
							<h3 class="window_title">数量：</h3>
							<span class="layui-badge layui-bg-orange">{{item.count}}</span>
						</div>
					</div>
				</div>
			</div>
		</div>
		{{# }); }}
	</script>
	<!-- //模板 -->

	<body>

		<!-- 订单详情查看窗口 -->
		<!-- 订单区 -->
		<div class="window_orderxx" id="window_orderxx">
			<div class="window_order">
				<h2>订单详情：</h2><span id="window_id">45654489889798</span>
				<hr class="layui-border-blue">
				<div class="window_tool">
					<button type="button" id="fahuo"
						class="layui-btn layui-btn-normal layui-btn-radius windou_dahuo">发货</button>
				</div>
				<div id="window_moban_view"></div>
				<div class="window_bottom"></div>
			</div>
			<!-- 用户区 -->
			<div class="window_user">
				<h2>用户信息：</h2>
				<hr class="layui-border-blue">
				<div class="window_headerimg">
					<img src="img/user.jpg" class="layui-nav-img window_userheader">
				</div>
				<div class="window_userxx">
					<blockquote class="layui-elem-quote">
						用户姓名：&nbsp;<span class="layui-badge layui-bg-green" id="window_name">小飞</span>
					</blockquote>
					<blockquote class="layui-elem-quote layui-quote-nm">
						用户账号：&nbsp;<span class="layui-badge layui-bg-orange" id="window_username">884500</span>
					</blockquote>
					<blockquote class="layui-elem-quote">
						账号状态：&nbsp;<span class="layui-badge layui-bg-blue" id="window_state">正常</span>
					</blockquote>
					<blockquote class="layui-elem-quote layui-quote-nm">
						收货地址：&nbsp;<span class="layui-badge" id="window_address">湖南省</span>
					</blockquote>
					<blockquote class="layui-elem-quote">
						联系电话：&nbsp;<span class="layui-badge layui-bg-cyan" id="window_phone">18573714766</span>
					</blockquote>
					<blockquote class="layui-elem-quote layui-quote-nm">
						联系邮箱：&nbsp;<span class="layui-badge layui-bg-blue" id="window_email">956931131@qq.com</span>
					</blockquote>
				</div>
			</div>
		</div>
		<!-- 订单详情查看 -->

		<!-- 搜索 -->
		<div class="ss">
			<div class="layui-inline">
				<input id="ss_input" class="layui-input" placeholder="请输入订单或者时间" name="id" autocomplete="off">
			</div>
			<button id="ss_button" class="layui-btn layui-btn-sm layui-btn-radius layui-btn-normal"><i
					class="layui-icon layui-icon-search"></i>&nbsp;搜索</button>
		</div>
		<!-- 搜索 -->

		<!-- 表格 -->
		<table class="layui-table"
			lay-data="{height: 500,loading:'true', url:'', page:true, toolbar: 'true', even:'true',id: 'testReload'}"
			lay-filter="tooltable">
			<thead>
				<tr>
					<th lay-data="{type:'numbers', width:60}">序号</th><!-- //序号 -->
					<th lay-data="{field:'orderbh',width:400}">订单编号</th>
					<th lay-data="{field:'ordertime',sort: true,templet:'#tx'}">时间</th>
					<th lay-data="{field:'money', sort: true}">金额（元）</th>
					<th lay-data="{field:'state',templet:'#state'}">状态</th>
					<th lay-data="{field:'',width:300,toolbar:'#han_Demo',align:'center'}">操作</th>
				</tr>
			</thead>
		</table>
	</body>
</html>
